// 定义内外边距，历遍1-200
@for $i from 0 through 200 {
	// 只要双数和能被5除尽的数
	@if $i % 2 == 0 or $i % 5 == 0 {
		// 定义外边距
		.u-m-#{$i} {
			margin: $i + rpx !important;
		}
		// 定义上下外边距
		.u-m-tb-#{$i} {
			margin: $i + rpx 0 !important;
		}
		// 定义左右外边距
		.u-m-lr-#{$i} {
			margin: 0 $i + rpx !important;
		}
		// 定义内边距
		.u-p-#{$i} {
			padding: $i + rpx !important;
		}
		// 定义上下内边距
		.u-p-tb-#{$i} {
			padding: $i + rpx 0 !important;
		}
		// 定义左右内边距
		.u-p-lr-#{$i} {
			padding: 0 $i + rpx !important;
		}
	}
}

// 圆角，历遍1-50
@for $i from 0 through 50 {
	.u-radius-#{$i} {
		border-radius: $i + px !important;
		overflow: hidden;
	}
	.u-radius-t-l-#{$i} {
		border-top-left-radius: $i + px !important;
		overflow: hidden;
	}
	.u-radius-t-r-#{$i} {
		border-top-right-radius: $i + px !important;
		overflow: hidden;
	}
	.u-radius-b-r-#{$i} {
		border-bottom-right-radius: $i + px !important;
		overflow: hidden;
	}
	.u-radius-b-l-#{$i} {
		border-bottom-left-radius: $i + px !important;
		overflow: hidden;
	}
}

// 浮动边距，历遍1-750
@for $i from 0 through 750 {
	.u-abso-t-#{$i} {
		top: $i + rpx !important;
		bottom: auto;
	}
	.u-abso-r-#{$i} {
		right: $i + rpx !important;
		left: auto;
	}
	.u-abso-b-#{$i} {
		bottom: $i + rpx !important;
		top: auto;
	}
	.u-abso-l-#{$i} {
		left: $i + rpx !important;
		right: auto;
	}
}

// 层级，历遍1-9
@for $i from 0 through 99 {
	.u-zindex-#{$i} {
		z-index: $i;
	}
}

// 宽度 高度，历遍1-750
@for $i from 0 through 750 {
	.u-w-#{$i} {
		width: $i + rpx !important;
	}
	.u-h-#{$i} {
		height: $i + rpx !important;
	}
}

// 100%宽度 多余隐藏
.u-width-100 {
	width: 100%;
	overflow: hidden;
}

// 定义字体(rpx)单位，大于或等于20的都为rpx单位字体
@for $i from 20 through 100 {
	.u-font-#{$i} {
		font-size: $i + rpx;
	}
}

.u-font-bold {
	font-weight: bold;
}
.u-font-normal {
	font-weight: normal;
}
// .orange {
// 	color: $orange;
// }
// .yellow {
// 	color: $yellow;
// }
// .green {
// 	color: $green;
// }
// .grey {
// 	color: $grey;
// }
// .white {
// 	color: $white;
// }
.brown {
	color: #7a4d24;
}
.purple {
	color: #9926fe;
}

//白色背景
.u-type-white-bg {
	background: #ffffff;
}

//不自动缩放
.u-shrink-no {
	flex-shrink: 0;
}
/*删除线*/
.u-line-through {
	text-decoration: line-through;
}
/*文本域自动换行*/
.u-white-space {
	white-space: pre-line;
}

/*checkbox圆角*/
/* #ifdef H5 */
.u-checkbox-radius {
	uni-checkbox .uni-checkbox-input {
		width: 35rpx;
		height: 35rpx;
		border-radius: 50%;
	}
	uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
		width: 35rpx;
		height: 35rpx;
		border: 1rpx solid #ff2e2e;
		background-color: #ff2e2e;
	}

	uni-checkbox .uni-checkbox-wrapper {
		width: 100%;
	}

	uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before {
		color: #ffffff;
	}

	uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
		border-color: transparent;
	}
}
/* #endif */
/* #ifndef H5 */
.u-checkbox-radius {
	checkbox .wx-checkbox-input {
		width: 30rpx;
		height: 30rpx;
		border-radius: 50%;
	}
	// 复选框选中样式
	checkbox .wx-checkbox-input.wx-checkbox-input-checked {
		border-color: #ff974b;
		background-color: #ff974b;
	}
	// 复选框选中之后对号的样式
	checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
		font-size: 30rpx;
		color: #fff;
	}
}
/* #endif */

/*底部浮动按钮*/
.submit-btn {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(247, 247, 247, 1), rgba(247, 247, 247, 1));
}

/*列表/数据为空垂直居中*/
.empty-tip {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.u-relative,
.u-rela {
	position: relative;
}

.u-absolute,
.u-abso {
	position: absolute;
}

// nvue不能用标签命名样式，不能放在微信组件中，否则微信开发工具会报警告，无法使用标签名当做选择器
/* #ifndef APP-NVUE */
image {
	display: inline-block;
}

// 在weex，也即nvue中，所有元素默认为border-box
view,
text {
	box-sizing: border-box;
}
/* #endif */

.u-font-xs {
	font-size: 22rpx;
}

.u-font-sm {
	font-size: 26rpx;
}

.u-font-md {
	font-size: 28rpx;
}

.u-font-lg {
	font-size: 30rpx;
}

.u-font-xl {
	font-size: 34rpx;
}

.u-flex {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
	align-items: center;
}
.u-flex-default {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
}
.u-flex-wrap {
	flex-wrap: wrap;
}

.u-flex-nowrap {
	flex-wrap: nowrap;
}

.u-col-center {
	align-items: center;
}

.u-col-top {
	align-items: flex-start;
}

.u-col-bottom {
	align-items: flex-end;
}

.u-row-center {
	justify-content: center;
}

.u-row-left {
	justify-content: flex-start;
}

.u-row-right {
	justify-content: flex-end;
}

.u-row-between {
	justify-content: space-between;
}

.u-row-around {
	justify-content: space-around;
}

.u-text-left {
	text-align: left;
}

.u-text-center {
	text-align: center;
}

.u-text-right {
	text-align: right;
}

.u-flex-col {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
}

// 定义flex等分
@for $i from 0 through 12 {
	.u-flex-#{$i} {
		flex: $i;
	}
}

// 定义字体(px)单位，小于20都为px单位字体
@for $i from 9 to 20 {
	.u-font-#{$i} {
		font-size: $i + px;
	}
}

// 定义字体(rpx)单位，大于或等于20的都为rpx单位字体
@for $i from 20 through 40 {
	.u-font-#{$i} {
		font-size: $i + rpx;
	}
}

// 定义内外边距，历遍1-80
@for $i from 0 through 80 {
	// 只要双数和能被5除尽的数
	@if $i % 2 == 0 or $i % 5 == 0 {
		// 得出：u-margin-30或者u-m-30
		.u-margin-#{$i},
		.u-m-#{$i} {
			margin: $i + rpx !important;
		}

		// 得出：u-padding-30或者u-p-30
		.u-padding-#{$i},
		.u-p-#{$i} {
			padding: $i + rpx !important;
		}

		@each $short, $long in l left, t top, r right, b bottom {
			// 缩写版，结果如： u-m-l-30
			// 定义外边距
			.u-m-#{$short}-#{$i} {
				margin-#{$long}: $i + rpx !important;
			}

			// 定义内边距
			.u-p-#{$short}-#{$i} {
				padding-#{$long}: $i + rpx !important;
			}

			// 完整版，结果如：u-margin-left-30
			// 定义外边距
			.u-margin-#{$long}-#{$i} {
				margin-#{$long}: $i + rpx !important;
			}

			// 定义内边距
			.u-padding-#{$long}-#{$i} {
				padding-#{$long}: $i + rpx !important;
			}
		}
	}
}

// 重置nvue的默认关于flex的样式
.u-reset-nvue {
	flex-direction: row;
	align-items: center;
}
